<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String message = (String)request.getAttribute("message");
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<title></title>
<link href="<%=path %>/dwz/themes/default/style.css" rel="stylesheet" type="text/css"></link>
<link href="<%=path %>/dwz/themes/css/core.css" rel="stylesheet" type="text/css"></link>
<link href="<%=path %>/dwz/themes/css/login.css" rel="stylesheet" type="text/css"></link>
<script src="<%=path %>/js/jquery-1.4.4.min.js" type="text/javascript"></script>

<script type="text/javascript">

function toggleBox(boxId){
	var $box = $("#"+boxId);
	if ($box.is(":visible")) $box.slideUp();
	else $box.slideDown();
}

</script>
</head>

<body>
	<div id="login">
		<div id="login_header">
			<h1 class="login_logo">
				<img src="<%=path %>/dwz/themes/default/images/logo.png"></img>
			</h1>

			<div class="login_headerContent">
				<div class="navList">
					<ul>
						<li><a href="">Home</a></li>
						<li><a href="http://weibo.com/1ypg" target="_blank">微博</a></li>
					</ul>
				</div>
				<h2 class="login_title">请在此处登录</h2>
			</div>
		</div>
		<div id="login_content">
			<div class="loginForm">
				<form method="post" action="<%=path %>/login/login.action">
					<c:if test="${!empty message}"><p style="color: red">${message}</p></c:if>
					<p>
						<label>用户名：</label>
						<input type="text" name="userName" size="20" class="login_input"></input>
					</p>
					<p>
						<label>密码：</label>
						<input type="password" name="pwd" size="20" class="login_input"></input>
					</p>
					<div class="login_bar">
						<input class="sub" type="submit" value=""></input>
					</div>
				</form>
			</div>
			<div class="login_banner"><img src="<%=path %>/dwz/themes/default/images/login_banner.jpg"></img></div>
			<div class="login_main">
				<ul class="helpList">
					<li><a href="javascript:toggleBox('forgotPwd')">Forgot Password?</a></li>
					<li id="forgotPwd" style="background: none; display: none">
					<form method="post" action="" onsubmit="">
						<p>
							<label>用户名:</label>
							<input type="text" name="userName" class="textInput required" size="20"></input><br></br>
							<span class="info">请输入用户名,获得密码.</span>
						</p>
						<p><input type="submit" value="获取密码"></input></p>
					</form>
					</li>
				</ul>
			</div>
		</div>
		<div id="login_footer">
			Copyright &copy; 2012 1ypg Inc. All Rights Reserved.
		</div>
	</div>
</body>
</html>